<style>
html{ background-color: #fff; }
</style>

<div id="item">
    <div class="play" ng-show="data.length">
        <video ng-repeat="v in data" ng-attr-id="video-{{$index}}" ng-show="$index === current" ng-src="{{resourceUrl(v.data_url)}}" controls="controls">
            您的浏览器不支持 video 标签。
        </video>
    </div>
    <ul class="playlist" ng-show="data.length">
        <li ng-repeat="v in data" ng-class="{active: $index == current}">
            <a href="javascript:;" ng-click="videoClicked($index)">{{$index + 1}}</a>
        <li>
    </ul>
    <div class="empty" ng-show="!data.length">
        <br />
        <br />
        <br />
        <i class="iconfont icon-inothing"></i></a>
        <p>没有视频呢~</p>
    </div>
</div>
